.w{
    width: 1200px;
    margin: 0px auto;
}
/* .fous{
    height: 468px; 
} */
.banner{
    float: left;
    padding-top: 12px;
    margin-left: 222px;
    width: 720px;
    height: 455px;
}
.banner img{
    width: 720px;
    height: 455px;
}

/* fous 右侧焦点 */
.fous-right{
    float: right;
    width: 250px;
    height: 454px;
    margin-top: 12px;
    border: 1px solid rgb(238, 238, 238);
}
.fous-righttop{
    width: 250px;
    height: 161px;
    /* background-color: darkcyan; */
}
.fous-righttop dl dt{
    line-height: 31px;
    font-weight: bold;
    color: #333;
    padding-left: 13px;
    border-bottom: 1px dashed rgb(236, 236, 236);
}
.fous-righttop dl dt span{
    float: right;
    padding-right: 13px;
}
.fous-righttop dl dd{
    padding-top: 6px;
    padding-left: 13px;
    
}
 /* fous-right 中间的精灵图  */
.fous-rightbody{
    width: 250px;
    height: 210px;
}

.fous-rightbody ul li{
    width: 62px;
    height: 69px;
    float: left;
    border: 1px solid rgb(238, 238, 238);   
}
.fous-rightbody ul li a{
    display: block;
    padding-top: 13px;
    padding-left: 16px;
}
.fous-rightbody ul li a h4{
    margin-top: 5px;
}
.fous-rightbody ul li a .xtpziti{
    margin-left: -3px;
}
.fous-rightbody ul li a span{
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/icons.png) no-repeat;
}
.fous-rightbody ul li a .xtp1{
    background-position: -16px -15px;
}
.fous-rightbody ul li a .xtp2{
    background-position: -79px -16px;
}
.fous-rightbody ul li a .xtp3{
    background-position: -141px -17px;
}
.fous-rightbody ul li a .xtp4{
    width: 28px;
    background-position: -203px -15px;
}
.fous-rightbody ul li a .xtp5{
    background-position: -15px -89px;
}
.fous-rightbody ul li a .xtp6{
    background-position: -78px -89px;
}
.fous-rightbody ul li a .xtp7{
    background-position: -140px -89px;
}
.fous-rightbody ul li a .xtp8{
    background-position: -205px -89px;
}
.fous-rightbody ul li a .xtp9{
    background-position: -17px -159px;
}
.fous-rightbody ul li a .xtp10{
    background-position: -78px -159px;
}
.fous-rightbody ul li a .xtp11{
    margin-top: 8px;
    height: 16px;
    background-position: -141px -159px;
}
.fous-rightbody ul li a .xtp12{
    background-position: -206px -159px;
}
.fous-rightbottom{
    margin-top: 9px;
    width: 248px;
    height: 74px;
    background-color: green;
}
.fous-rightbottom img{
    width: 248px;
    height: 74px;
}

/* 今日推荐 */
.recommended{
    margin-top: 10px;
    height: 163px;
    background-color: #ebebeb;
}
.recommended-left{
    float: left;
    width: 206px;
    height: 163px;
    background-color: rgb(94, 92, 92);
}
.recommended-left img{
   margin-left: 70px;
   margin-top: 35px;
   margin-bottom: 10px;
}
.recommended-left h3{
    margin-left: 70px;
    color: #fff;
}
.recommended-lisn{
    float: left;
    width: 994px;
    height: 163px;
    /* background-color: rgb(220, 248, 58); */
}
.recommended-lisn ul li img{
    float: left;
    width: 248px;
    height: 143px;
    margin: 10px 0px;
    border-right: 2px solid #ddd;
}
.recommended-lisn ul li .tupian{
   border: none;
}

/* 猜你喜欢 */
.guess{
    margin-top: 26px;
    height: 280px;
    /* background-color: burlywood; */
}

/* 猜你喜欢的顶部 */
.guesshear{ 
    line-height: 48px;
    /* background-color: chartreuse; */
} 
.guesshear h3{
    float: left;
}
.guesshear a{
    float: right;
    margin-right: 15px;
}
.guessbottm{
    width: 1200px;
    height: 231px;
    border: 1px solid rgb(228, 226, 226);
}
.guessbottm ul li{
   float: left;
}
.guessbottm ul li a img{
    width: 199.5px;
    height: 229px;
}

/* 有趣区 */
.interesting{
    margin-top: 14px;
    height: 434px;
}
.interestinghear h3{
    height: 28px;
}
.interestingbody{
    border: 1px solid rgb(236, 236, 236);
}
.interestingbody-left{
    float: left;
    width: 404px;
    height: 404px;
    
}
.interestingbody-left img{
    width: 404px;
    height: 404px;
}
.interestingbody-good{
    float: left;
    width: 227px;
}
.interestingbody-good .ziti1{
    height: 80px;
    width: 227px;
    padding-left: 20px;
    padding-top: 10px;
}
.interestingbody-good .ziti1 a{
    font-size: 14px;
    color: #111;
    padding: 10px 70px;
    border-bottom: 1px solid #eeeded;
}
.interestingbody-good-img1 img{
    width: 227px;
    height: 162px;
}
.interestingbody-good-img2 img{
    width: 227px;
    height: 162px;
}

.interestingbody-brand{
    float: left;
    width: 405px;
    height: 404px;
    border-top: 1px solid transparent;
}
.interestingbody-brand .ziti2{
    height: 80px;
    width: 405px;
    padding-left: 110px;
    padding-top: 10px;
    background-color: #f7f7f7;
}
.interestingbody-brand .ziti2 a{
    font-size: 14px;
    color: #111;
    padding: 10px 70px;
    border-bottom: 1px solid #eeeded;
}
.interestingbody-brand img{
    width: 404px;
    height: 194px;
}
.interestingbody-branddi .imgleft{
    float: left;
    width: 202px;
    height: 127px;
}
.interestingbody-branddi .imgleft img{
    width: 202px;
    height: 127px;
}

.interestingbody-bottom{
    float: left;
    width: 162px;
    height: 404px;
    background-color: darkslategrey;
}
.interestingbody-bottom img{
    width: 162px;
    height: 404px;
}



/* 首页楼层 */
.floor{
    margin-top: 20px;
    height: 485px;
    /* background-color: rgb(35, 236, 250); */
}
/* 首页楼层的顶部链接 */
.floor-hear{
    height: 48px;
    line-height: 38px;
    background-color: cornsilk;
    border-bottom: 3px solid #c81623;
}
.floor-hear h3{
    float: left;
}
.floor-hear ul{
    margin-left: 505px;
}
.floor-hear ul li{
    float: left;
    
    padding: 0px 8px;
}
.floor-body{
    height: 364px;
    /* background-color: rgb(158, 157, 158); */
}
.floor-bodyleft1{
    float: left;
    width: 210px;
    height: 364px;
}
.floor-bodyleft1-top ul li{
   float: left;
   padding: 10px 15px;
   margin-left: 13px;
   border-bottom: 1px solid #999;
}
.floor-bodyleft1-top ul li a{
    color: #111;
}
.floor-bodyleft1-img img{
    width: 210px;
    height: 248px;
}
.floor-bodyleft1-top ul .zt{
    margin-left: 29px;
}


.floor-bodyleft2{
    float: left;
    
}
.floor-bodyleft2 img{
    width: 329px;
    height: 364px;
}

.floor-bodyrighttp ul li{
    float: left;
    width: 220px;
    height: 365px;
    border: 1px solid rgb(241, 240, 240);
    background-color: rgb(5, 238, 141);
}
.floor-bodyrighttp ul .tishu img{
    width: 220px;
    height: 365px;
}
.floor-bodyrighttp ul li .floor-bodyrighttp-topimg img{
    width: 220px;
    height: 182px;
    border-bottom: 1px solid rgb(241, 240, 240);
}
.floor-bodyrighttp ul li .floor-bodyrighttp-mottomimg img{
    width: 220px;
    height: 181px;
}

.floor-foot{
    height: 64px;
    margin-top: 20px;
    background-color: #f7f7f7;
}
.floor-foot ul li{
    float: left;
    margin-top: 6px;
    border-right: 1px solid rgb(199, 198, 198);
}
.floor-foot ul li img{
    width: 119px;
    height: 38px;
}
.floor-foot ul .zuitup{
    border: 0px;
    
}
